@charset "utf-8";
/* CSS Document*/

.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; background:#fff; min-width:1200px; position:relative; overflow:hidden;}

/*头部样式*/
.header{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.header h1.logo{ display:block; height:98px; font-weight:normal; overflow:hidden; float:left;}
.header h1.logo a{ display:block; width:245px; height:98px; background:url(/statics/chaocss/logo.png) no-repeat; text-indent:-999em; float:left;}
.header h1.logo span{ display:block; height:40px; line-height:40px; color:#333; font-size:20px; float:left; border-left:1px solid #ababab; padding-left:30px; margin:30px 0 0 28px;}
.header p.tel{ display:block; line-height:26px; color:#555; font-size:14px; background:url(/statics/chaocss/tel8.png) no-repeat; float:right; padding-left:40px; margin:38px 65px 0;}
.header p.tel em{ color:#ff4a00; }
.header p.tel span{ color:#333; font-size:16px;}
.header p.tel strong{ color:#333; font-size:22px; font-weight:normal;}
.flat{ position:fixed; right:0px; top:200px; background:url(/statics/chaocss/flat.jpg) no-repeat top center; width:159px; height:234px; z-index:99999; border-radius:10px 0px 10px 0px;}
/*导航样式*/
.nav{ width:100%; background:#139de9;}
.nav ul{ display:block; width:1200px; height:52px; margin:0 auto;}
.nav ul li{ display:block; height:52px; float:left; position:relative; margin:0 24px 0 0;}
.nav ul li a{ display:block; height:52px; line-height:52px; color:#fff; font-size:16px; text-align:center; padding:0 32px;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}
.nav ul li a:hover,
.nav ul li.cur>a,
.nav ul li.on>a{ background:#ff0000;}

/*banner样式*/
.banner{ width:100%; height:400px; overflow:hidden;}
 
/*footer样式*/
.footimg{ width:100%; height:182px; background:url(/statics/chaocss/foot_long.jpg) center top no-repeat;}
.footer{ background:#0080c6; padding:20px 0;}
.footer .foot{ width:1200px; margin:0 auto;}
.footer .foot .txt{ line-height:24px; color:#999999; font-size:14px; float:left;}
.footer .foot .txt em{ color:#f1f1f1;}
.footer .foot .link{ float:right; padding:6px 0 0;}
.footer .foot .link span{ display:block; height:48px; line-height:48px; color:#333; font-size:20px; border-radius:24px; padding:0 34px 0 80px; background:#fff url(/statics/chaocss/foot_tel.png) 24px center no-repeat; float:left; position:relative;}
.footer .foot .link span em{ display:none; *display:block; width:24px; height:48px; position:absolute; top:0;}
.footer .foot .link span em.lbg{ background:url(/statics/chaocss/ftel_lbg.png) no-repeat; left:0;}
.footer .foot .link span em.rbg{ background:url(/statics/chaocss/ftel_rbg.png) no-repeat; right:0;}
.footer .foot .link a{ display:block; width:48px; height:48px; float:left; position:relative;}
.footer .foot .link a.phone{ background:url(/statics/chaocss/foot_phone.png) no-repeat; margin:0 28px;}
.footer .foot .link a.chat{ background:url(/statics/chaocss/foot_chat.png) no-repeat;}
.footer .foot .link a img{ display:none; width:114px; height:114px; padding:12px 0 0; position:absolute; top:48px; left:50%; margin-left:-57px;}
.cnzz a{ color:#252525; }
.footer .foot .txt{ max-width:640px;}
.footer .foot .frlinka{ width:100%; line-height:24px; color:#DDDDDD; font-size:12px;}
.footer .foot .frlinka p{ font-size:16px;}
.footer .foot .frlinka em{ color:#f1f1f1;}
.footer .foot .frlinka a.linka{ color:#DDDDDD; margin-right:15px; display:inline-block }
.footer .foot .frlinka a.linka:hover{ color:#eee;}
.copy{ background:#00486f; margin:0px auto;}
.copy .txt{ width:1200px; margin:0px auto; color:#FFFFFF; line-height:32px; }
/*主体样式*/
.main{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.main p.title{ width:100%; height:56px; line-height:56px; color:#2d2e2e; font-size:14px; text-indent:12px; margin-top:12px; background:url(/statics/chaocss/main_title_mark.png) left center no-repeat;}
.main p.title a{ color:#2d2e2e;}
.main p.title a:hover{ color:#0f95cd;}
.main p.title span{ color:#696969; padding:0 5px; font-size:13px;}
.main p.title strong{ color:#077ed0; font-size:18px; font-weight:normal;}

.main .attr{ margin:22px 0 28px;}
.main .attr h2{ display:block; height:48px; line-height:48px; color:#333; font-size:36px; text-align:center; font-weight:normal; padding:20px 0;}
.main .attr .article{ line-height:28px; color:#333333; font-size:15px; font-weight:normal; padding:20px 0;}
.main .attr .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .attr .article img{ max-width:100%;}

/*左侧样式*/
.leftCon{ width:252px; height:auto; overflow:hidden; margin-left:28px; background:#fff;}
.leftCon ul.list{ display:block; overflow:hidden; margin:22px 18px 0;}
.leftCon ul.list li{ display:block; height:auto; overflow:hidden; *float:left; *width:100%; margin-bottom:12px;}
.leftCon ul.list li a{ display:block; height:30px; line-height:30px; color:#202020; font-size:15px; text-indent:30px; background:#ececec; border-radius:4px;
	transition:color,background 0.2s;
	-moz-transition:color,background 0.2s; /* Firefox 4 */
	-webkit-transition:color,background 0.2s; /* Safari and Chrome */
	-o-transition:color,background 0.2s; /* Opera */
}
.leftCon ul.list li a:hover,
.leftCon ul.list li.cur a{ color:#fff; background:#ff6600;}

.leftCon form.search{ display:block; overflow:hidden; padding:8px;}
.leftCon form.search input.txt{ display:block; width:189px; height:24px; line-height:24px; color:#999; font-size:14px; padding:0 10px; background:#fff; border:1px solid #ccc; border-right:0; float:left;}
.leftCon form.search input.btn{ display:block; width:26px; height:26px; text-indent:-999em; background:#00a0e4 url(/statics/chaocss/search_btn.png) 4px 4px no-repeat; border:0; cursor:pointer; float:left;}



.leftCon .newsBox{}
.leftCon .newsBox h2{ display:block; overflow:hidden; padding:10px 14px; border-bottom:1px solid #e6e6e6;}
.leftCon .newsBox h2 span{ display:block; height:16px; line-height:16px; color:#555; font-size:16px; font-weight:normal; padding-left:6px; border-left:3px solid #2ebaee; float:left;}
.leftCon .newsBox ul{ display:block; overflow:hidden; padding:10px 18px 10px 12px;}
.leftCon .newsBox ul li{ display:block; height:28px; line-height:28px; color:#555; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(/statics/chaocss/news_list_bg.png) 4px -32px no-repeat; padding-left:16px;}
.leftCon .newsBox ul li a{ color:#555;
	transition:color 0.2s;
	-moz-transition:color 0.2s; /* Firefox 4 */
	-webkit-transition:color 0.2s; /* Safari and Chrome */
	-o-transition:color 0.2s; /* Opera */
}
.leftCon .newsBox ul li a:hover{ color:#2ebaee;}



/*右侧样式*/
.rightCon{ width:920px; height:auto; overflow:hidden; min-height:480px; background:#fff;}

/*内容样式*/
.rightCon .attr{ border-left:1px solid #c4c4c4; padding:0 20px;}
.rightCon .attr h3{ display:block; line-height:32px; color:#333333; font-size:20px; font-weight:normal; text-align:center; padding:8px 0 16px;}
.rightCon .attr p.mark{ display:block; height:34px; line-height:34px; color:#9b9a9a; font-size:13px; text-align:center; background:#f7f7f7;}

.rightCon .change{ padding:8px; border-top:1px solid #e3e3e3;}
.rightCon .change p{ display:block; line-height:28px; color:#333333; font-size:15px;}
.rightCon .change p a{ color:#333;
	transition:color 0.2s;
	-moz-transition:color 0.2s; /* Firefox 4 */
	-webkit-transition:color 0.2s; /* Safari and Chrome */
	-o-transition:color 0.2s; /* Opera */
}
.rightCon .change p a:hover{ color:#009cff;}

/*页码样式*/
.pages{ text-align:center; padding:18px 0 54px; margin:3px;}
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:16px; height:34px; line-height:34px; color:#555; font-size:15px; text-align:center; background:#f9f9f9; padding:0 16px; border:1px solid #ddd; border-radius:3px; margin:0 5px;
	transition:color,background,border 0.4s;
	-moz-transition:color,background,border 0.4s; /* Firefox 4 */
	-webkit-transition:color,background,border 0.4s; /* Safari and Chrome */
	-o-transition:color,background,border 0.4s; /* Opera */
}
.pages a:active,
.pages a:hover{ color:#fff; background:#5aceff; border-color:#5aceff;}
.pages span.current{ display:inline-block; *display:inline; *zoom:1; min-width:16px; height:34px; line-height:34px; color:#fff; font-size:15px; text-align:center; background:#5aceff; padding:0 16px; border:1px solid #5aceff; border-radius:3px; cursor:default; margin:0 5px;}
.pages span.disabled{ display:inline-block; *display:inline; *zoom:1; min-width:16px; height:34px; line-height:34px; color:#555; font-size:15px; text-align:center; background:#ddd; padding:0 16px; border:1px solid #ddd; border-radius:3px; cursor:default; margin:0 5px;}

/*网站建设*/
.webMain .cate{ width:1200px; margin:46px auto;}
.webMain .cate ul{ display:block; overflow:hidden; margin:0 -14px;}
.webMain .cate ul li{ display:block; width:279px; float:left; border-radius:10px; overflow:hidden; margin:0 14px;
	transition:all 0.4s;
	-moz-transition:all 0.4s; /* Firefox 4 */
	-webkit-transition:all 0.4s; /* Safari and Chrome */
	-o-transition:all 0.4s; /* Opera */
}
.webMain .cate ul li{ *background:url(/statics/chaocss/web_shadow1.png) center top no-repeat;}
.webMain .cate ul li.ct1{ background-color:#c0984e;}
.webMain .cate ul li.ct2{ background-color:#30a41f;}
.webMain .cate ul li.ct3{ background-color:#534fc2;}
.webMain .cate ul li.ct4{ background-color:#c43cb9;}
.webMain .cate ul li.ct1:hover{ background-color:#deba79;}
.webMain .cate ul li.ct2:hover{ background-color:#5dc54f;}
.webMain .cate ul li.ct3:hover{ background-color:#7d79e0;}
.webMain .cate ul li.ct4:hover{ background-color:#e169d8;}
.webMain .cate ul li em{ display:block; height:88px; line-height:44px; color:#fff; font-size:30px; font-weight:bold; text-align:center; padding:48px 0 54px;}
.webMain .cate ul li p{ display:block; height:72px; line-height:24px; color:#fff; padding:4px 14px; overflow:hidden; background:rgba(255,255,255,0.56);
	transition:all 0.4s;
	-moz-transition:all 0.4s; /* Firefox 4 */
	-webkit-transition:all 0.4s; /* Safari and Chrome */
	-o-transition:all 0.4s; /* Opera */
}
.webMain .cate ul li p{ *background:url(/statics/chaocss/web_shadow2.png) center bottom no-repeat;}

.webMain .cate ul li.ct1 p{ color:#916508; *background-color:#f0e0c4;}
.webMain .cate ul li.ct2 p{ color:#067506; *background-color:#b8e5b2;}
.webMain .cate ul li.ct3 p{ color:#3e53aa; *background-color:#c6c4f1;}
.webMain .cate ul li.ct4 p{ color:#c227b6; *background-color:#f1bdee;}

.webMain ul.intro{ display:block; overflow:hidden; padding:0 0 52px;}
.webMain ul.intro li{ display:block; width:586px; *background:url(/statics/chaocss/web_shadow4.png) center bottom no-repeat; background-color:#f8f8f8; overflow:hidden; margin:0 28px 26px 0; float:left; border-radius:10px;
	transition:background 0.4s;
	-moz-transition:background 0.4s; /* Firefox 4 */
	-webkit-transition:background 0.4s; /* Safari and Chrome */
	-o-transition:background 0.4s; /* Opera */
}
.webMain ul.intro li:hover{ background-color:#f0f0f0;}
.webMain ul.intro li em{ display:block; height:92px; line-height:92px; color:#fff; font-size:36px; font-weight:bold; text-align:center; padding:12px 0 0; *background:url(/statics/chaocss/web_shadow3.png) center top no-repeat; background-color:#27a4df;}
.webMain ul.intro li .txt{ display:block; height:144px; line-height:36px; color:#999; font-size:15px; text-align:center; padding:0 36px; margin:58px 0 32px;}
.webMain ul.intro li a{ display:block; width:178px; height:44px; line-height:44px; color:#555; font-size:18px; text-align:center; border:1px solid #27a4df; border-radius:10px; margin:0 auto 26px; background:#fafafa;
	transition:color,background,border 0.4s;
	-moz-transition:color,background,border 0.4s; /* Firefox 4 */
	-webkit-transition:color,background,border 0.4s; /* Safari and Chrome */
	-o-transition:color,background,border 0.4s; /* Opera */
}
.webMain ul.intro li a:hover{ color:#fff; background:#a0c9dc; border-color:#a0c9dc;}
.webMain ul.intro li.rit{ margin:0 0 26px 0;}
.webMain ul.intro li.rit:hover{}
/*
.webMain ul.intro li.rit a{ background:#a3dbf5; border-color:#a3dbf5;}
.webMain ul.intro li.rit a:hover{ color:#fff; background:#5ec9fb; border-color:#54b6e4;}
*/

/*网站推广*/
.promMain{ width:100%; background:#f5f5f5;}
.promMain ul.list{ display:block; width:1200px; overflow:hidden; margin:28px auto; padding:24px;}
.promMain ul.list li{ display:block; width:374px; background:#fcfcfc; margin-right:39px; float:left;
	transition:all 0.4s;
	-moz-transition:all 0.4s; /* Firefox 4 */
	-webkit-transition:all 0.4s; /* Safari and Chrome */
	-o-transition:all 0.4s; /* Opera */
}
.promMain ul.list li.li3{ margin-right:0;}
.promMain ul.list li em{ display:block; height:134px; line-height:134px; color:#fff; font-size:34px; font-weight:bold; text-align:center;}
.promMain ul.list li.li1 em{ background:#e0a017;}
.promMain ul.list li.li2 em{ background:#546ac7;}
.promMain ul.list li.li3 em{ background:#be54c7;}
.promMain ul.list li:hover{ opacity:0.8; box-shadow:#d0d0d0 0 0 24px;}
.promMain ul.list li .txt{ line-height:24px; color:#555; font-size:14px; padding:14px 18px;
	transition:all 0.4s;
	-moz-transition:all 0.4s; /* Firefox 4 */
	-webkit-transition:all 0.4s; /* Safari and Chrome */
	-o-transition:all 0.4s; /* Opera */
}
.promMain ul.list li:hover .txt{ color:#333;}
.promMain ul.list li p{ color:#df9d0e; font-size:14px;}
.promMain ul.list li strong{ color:#df9d0e; font-size:18px;}
.promMain ul.list li span{ color:#ffae00;}

/*app开发*/
.appMain{ width:100%; background:#f6f6f6;}
.appMain ul.intro{ display:block; width:1200px; height:338px; margin:52px auto;}
.appMain ul.intro li{ display:block; width:264px; margin-left:48px; float:left;
	transition:opacity 0.4s;
	-moz-transition:opacity 0.4s; /* Firefox 4 */
	-webkit-transition:opacity 0.4s; /* Safari and Chrome */
	-o-transition:opacity 0.4s; /* Opera */
}
.appMain ul.intro li.fir{ margin-left:0;}
.appMain ul.intro li:hover{ opacity:0.8;}
.appMain ul.intro li img{ display:block; width:226px; height:226px; margin:0 auto;}
.appMain ul.intro li span{ display:block; height:68px; line-height:70px; color:#333; font-size:18px; text-align:center; overflow:hidden;}
.appMain ul.intro li p{ display:block; height:44px; line-height:22px; color:#666; font-size:14px; overflow:hidden;}


/*客户案例*/
.caseMain{ width:100%; background:#f5f5f5;}

.caseMain .cate{ background:#fff; padding:20px 0;}
.caseMain .cate p{ display:block; width:1188px; margin:0 auto; text-align:center; overflow:hidden;}
.caseMain .cate p label{ display:none; width:56px; height:32px; line-height:32px; color:#555; font-size:16px; text-align:center; float:left; padding:0 0 0 26px; margin-left:-82px; white-space:nowrap;}
.caseMain .cate p label.cat1{ background:url(/statics/chaocss/cat1.png) left center no-repeat;}
.caseMain .cate p label.cat2{ background:url(/statics/chaocss/cat2.png) left center no-repeat;}
.caseMain .cate p a{ display:inline-block; *display:inline; *zoom:1; width:152px; height:48px; line-height:48px; color:#fff; font-size:17px; text-align:center; margin:0 18px 0 0; border-radius:4px; padding:0 1px; background:#00a7f5;
	transition:all 0.4s;
	-moz-transition:all 0.4s; /* Firefox 4 */
	-webkit-transition:all 0.4s; /* Safari and Chrome */
	-o-transition:all 0.4s; /* Opera */
}
.caseMain .cate p a:hover,
.caseMain .cate p a.cur{ background:#246490;}

.caseMain .case{ display:block; width:1200px; overflow:hidden; margin:0 auto;}
.caseMain .case div.num{ display:block; height:46px; line-height:46px; color:#535353; font-size:15px; padding:8px 0 0;}
.caseMain .case div.num font{ color:#00a0e4; padding:0 4px;}
.caseMain .case div.num em{ display:block; float:right;}
.caseMain .case div.num em a{ color:#535353; padding:0 4px;
	transition:color 0.2s;
	-moz-transition:color 0.2s; /* Firefox 4 */
	-webkit-transition:color 0.2s; /* Safari and Chrome */
	-o-transition:color 0.2s; /* Opera */
}
.caseMain .case div.num em a:hover{ color:#009cff;}

.caseMain .case div.num form.search{ display:block; float:right; margin:8px 0 0 8px;}
.caseMain .case div.num form.search input.txt{ display:block; width:136px; height:24px; line-height:24px; color:#999; font-size:14px; padding:0 10px; background:#fff; border:1px solid #ccc; border-right:0; float:left;}
.caseMain .case div.num form.search input.btn{ display:block; width:26px; height:26px; text-indent:-999em; background:#00a0e4 url(/statics/chaocss/search_btn.png) 4px 4px no-repeat; border:0; cursor:pointer; float:left;}

.caseMain .case ul{ display:block; overflow:hidden; margin:0 -12px;}
.caseMain .case ul li{ display:block; width:384px; height:320px; background:#fff; float:left; margin:0 12px 30px; overflow:hidden; position:relative; z-index:1; *zoom:normal; *left:12px;
	transition:box-shadow 0.4s;
	-moz-transition:box-shadow 0.4s; /* Firefox 4 */
	-webkit-transition:box-shadow 0.4s; /* Safari and Chrome */
	-o-transition:box-shadow 0.4s; /* Opera */
}
.caseMain .case ul li:hover{ box-shadow:#888 0 0 24px;}
.caseMain .case ul li a.pic{ display:block; width:384px; height:240px; background:#535353; overflow:hidden; position:relative; margin:0 0 10px;}
.caseMain .case ul li a.pic img{ display:block; width:384px; height:240px;
	transition:all 0.8s;
	-moz-transition:all 0.8s; /* Firefox 4 */
	-webkit-transition:all 0.8s; /* Safari and Chrome */
	-o-transition:all 0.8s; /* Opera */
}
.caseMain .case ul li:hover a.pic img{ transform: scale(1.1);}
.caseMain .case ul li a.pic em{ display:none; width:384px; height:240px; background:rgba(0,0,0,0.6) url(/statics/chaocss/go.png) center no-repeat; /*filter:Alpha(opacity=60);*/ position:absolute; left:0; top:0; z-index:9;}
.caseMain .case ul li a.pic em{ *background:url(/statics/chaocss/shadow.png) repeat;}
/*
.caseMain .case ul li a.pic font{ display:none; width:384px; height:240px; line-height:240px; color:#ff6000; font-size:46px; text-align:center; position:absolute; left:0; top:0; z-index:99;}
*/
.caseMain .case ul li a.pic img.dot{ display:none; width:8px; height:8px; position:absolute; left:188px; top:116px; z-index:99;}
.caseMain .case ul li a.pic img.dot{ *padding:9px 15px; *background:url(/statics/chaocss/go.png) center no-repeat; *left:173px; *top:107px;}
.caseMain .case ul li a.title{ display:block; min-width:50%; max-width:296px; height:30px; line-height:30px; color:#555; font-size:16px; float:left; padding-left:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	transition:color 0.4s;
	-moz-transition:color 0.4s; /* Firefox 4 */
	-webkit-transition:color 0.4s; /* Safari and Chrome */
	-o-transition:color 0.4s; /* Opera */
}
.caseMain .case ul li a.title:hover{ color:#ff6600;}
.caseMain .case ul li p{ display:block; width:296px; line-height:24px; color:#999; font-size:13px; float:left; padding:0 16px 16px; overflow:hidden;/* margin:0 0 16px;*/}
.caseMain .case ul li p em.eye{ display:block; background:url(/statics/chaocss/index_eye.png) left 6px no-repeat; padding:0 16px; float:left; *background-position:left 8px; *height:24px;}
.caseMain .case ul li p span{}
.caseMain .case ul li a.phone{ display:block; width:34px; height:34px; background:url(/statics/chaocss/index_phone.png) no-repeat; float:right; margin:14px 16px 0 0; padding:0;}
.caseMain .case ul li img.code{ display:none; width:114px; height:auto; position:absolute; right:66px; bottom:16px; z-index:9;}

/*案例内页*/
.caseInfo{ width:100%; background:#f6f3f3;}
.caseInfo .caseAd{ width:1100px; height:112px; margin:14px auto 0;}
.caseInfo .caseAd a{ display:block;}
.caseInfo .caseAd a img{ display:block; width:1100px; height:112px;}
.caseInfo .attr{ width:1100px; margin:14px auto 52px; background:#ebeaea;}
.caseInfo .attr h3{ display:block; height:42px; line-height:42px; color:#333; font-size:26px; font-weight:normal; text-align:center; padding:14px 0 0; background:#fff;}
.caseInfo .attr p.mark{ display:block; height:32px; line-height:32px; color:#555; font-size:14px; text-align:center; padding:0 0 14px; background:#fff;}
.caseInfo .attr p.mark em{ color:#354b7c; margin-right:0;}
.caseInfo .attr .article{ line-height:30px; color:#333; padding:80px 100px 52px;}
.caseInfo .attr .article img{ width:100% !important; height:auto !important; /*box-shadow:rgba(88,88,88,0.66) 0 0 8px;*/}

/*返回顶部*/
.backToTop{ display:none; width:16px; height:64px; line-height:16px; color:#fff; font-size:13px; text-align:center; background:#e50800 url(/statics/chaocss/top.png) center 9px no-repeat; padding:34px 10px 14px; border-radius:3px; position:fixed; _position:absolute; right:50%; bottom:76px; _bottom:"auto"; cursor:pointer; margin-right:-674px; z-index:99999;}

/*新闻资讯*/
.main .menu{ display:block; width:1200px; text-align:center; margin:0 auto; padding:32px 0 26px; overflow:hidden; border-bottom:1px solid #ececec;}
.main .menu a{ display:inline-block; width:120px; height:36px; line-height:36px; color:#555; font-size:16px; text-align:center; background:#ececec; border-radius:18px; margin:4px 18px 4px;
	transition:color,background 0.2s;
	-moz-transition:color,background 0.2s; /* Firefox 4 */
	-webkit-transition:color,background 0.2s; /* Safari and Chrome */
	-o-transition:color,background 0.2s; /* Opera */
}
.main .menu a:hover,
.main .menu a.cur{ color:#fff; background:#6fc0ff;}
.rightCon ul.newsList{ display:block; margin:0 0 28px 0;}
.rightCon ul.newsList li{ display:block; height:120px; overflow:hidden; border-bottom:1px solid #e3e3e3; padding:20px;
	transition:background 0.4s;
	-moz-transition:background 0.4s; /* Firefox 4 */
	-webkit-transition:background 0.4s; /* Safari and Chrome */
	-o-transition:background 0.4s; /* Opera */
	position:relative;
}
.rightCon ul.newsList li:hover{ background:#fbfbfb;}
.rightCon ul.newsList li img{ display:block; width:256px; height:144px; float:left; border:1px solid #ddd; margin-right:38px;}
.rightCon ul.newsList li .date{ font-size:14px; color:#C0C0C0; position:absolute; padding-top:10px; left:20px; top:20px; background:#fbfbfb; height:110px; width:100px; text-align:center}
.rightCon ul.newsList li .date > span{ display:block;}
.rightCon ul.newsList li .date > span.day{ font-size:60px;}
.rightCon ul.newsList li .tit-dic{ position:absolute; right:0px; top:20px; width:84%;}
.rightCon ul.newsList li a.title{ display:block; width:100%; height:34px; line-height:34px; color:#5c5c5c; font-size:20px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:4px;
	transition:color,font-weight 0.4s;
	-moz-transition:color,font-weight 0.4s; /* Firefox 4 */
	-webkit-transition:color,font-weight 0.4s; /* Safari and Chrome */
	-o-transition:color,font-weight 0.4s; /* Opera */
}

.rightCon ul.newsList li a.title:hover{ color:#2ebaef;}
.rightCon ul.newsList li .txt{ display:block;  height:40px; line-height:22px; color:#949494; font-size:14px; overflow:hidden; float:left; width:100%;}
.rightCon ul.newsList li p.mark{ display:block; width:300px; height:22px; line-height:22px; color:#949494; font-size:13px; float:right; text-align:right; margin-right:2px;}
.rightCon ul.newsList li a.more{ display:block; width:90px; height:26px; line-height:26px; color:#fff; font-size:14px; text-align:center; background:#2ebaee; border-radius:5px; float:left; margin:8px 0 0;
	transition:color,background 0.4s;
	-moz-transition:color,background 0.4s; /* Firefox 4 */
	-webkit-transition:color,background 0.4s; /* Safari and Chrome */
	-o-transition:color,background 0.4s; /* Opera */
}
.rightCon ul.newsList li a.more:hover{ color:#fff; background:#0090c6;}

/*团队建设*/
.team{ background:#f5f5f5; padding:20px 0 86px;}
.team h2{ display:block; height:48px; line-height:48px; color:#333; font-size:36px; text-align:center; font-weight:normal; padding:20px 0;}
.team .pics{ width:1200px; margin:28px auto 0;}
.team .pics ul{ display:block; overflow:hidden; margin:0 -10px;}
.team .pics ul li{ display:block; width:224px; float:left; margin:0 10px 14px;}
.team .pics ul li img{ display:block; width:224px; height:188px; cursor:pointer;
	transition:all 0.8s;
	-moz-transition:all 0.8s; /* Firefox 4 */
	-webkit-transition:all 0.8s; /* Safari and Chrome */
	-o-transition:all 0.8s; /* Opera */
}
.team .pics ul li img:hover{ transform: scale(1.1);}

/*联系我们*/
.contact{ width:1000px; margin:18px auto 86px; overflow:hidden;}
.contact .txt{ width:486px; line-height:30px; color:#555; font-size:18px; float:left;}
.contact .txt h2{ display:block; height:104px; line-height:104px; color:#333; font-size:28px;}
.contact .txt h2 span{ color:#7b7b7b; font-size:14px; font-weight:normal; padding:0 14px;}
.contact .txt strong{ color:#444; font-size:20px; font-weight:normal;}
.contact .txt font{ color:#ff6600;}
.contact .txt em{ color:#b7b6b6; font-size:13px;}
.contact form.msg{ display:block; float:right; padding:164px 0 0;}
.contact form.msg p{ display:block; position:relative;}
.contact form.msg p label{ display:block; height:36px; line-height:36px; color:#a9a9a9; position:absolute; top:0; left:26px; cursor:pointer;}
.contact form.msg input.text{ display:block; width:320px; height:24px; line-height:24px; color:#333; padding:6px 26px 6px 94px; *background:url(/statics/chaocss/msg_shadow1.png) no-repeat; background-color:#e8e8e8; border:0; border-radius:15px; margin:0 0 34px;}
.contact form.msg textarea{ display:block; width:388px; height:128px; line-height:28px; color:#a9a9a9; padding:6px 26px; *background:url(/statics/chaocss/msg_shadow2.png) no-repeat; background-color:#e8e8e8; border:0; border-radius:15px; resize:none; margin:0 0 42px;}
.contact form.msg input.btn{ display:block; width:124px; height:36px; line-height:36px; color:#fff; font-size:16px; text-align:center; *background:url(/statics/chaocss/msg_shadow3.png) no-repeat; background-color:#ff6600; border:0; border-radius:15px; cursor:pointer;
	transition:all 0.4s;
	-moz-transition:all 0.4s; /* Firefox 4 */
	-webkit-transition:all 0.4s; /* Safari and Chrome */
	-o-transition:all 0.4s; /* Opera */
}
.contact form.msg input.btn:hover{ opacity:0.8; *background-color:#ff8433;}

/*留言提示*/
.wshadow{ display:none; width:100%; height:100%; background:url(/statics/chaocss/shadow.png) repeat; position:fixed; left:0; top:0; z-index:99998;}
.tips{ display:none; width:486px; background:#fff; box-shadow:#ccc 0 0 6px; border-radius:6px; overflow:hidden; position:fixed; left:50%; top:50%; margin:-154px 0 0 -243px; z-index:99999;}
.tips h2{ display:block; height:56px; line-height:56px; color:#fff; font-size:24px; font-weight:normal; text-align:center; background:#ff6600 url(/statics/chaocss/right.png) 36px center no-repeat; overflow:hidden; position:relative;}
.wrong h2{ background-image:url(/statics/chaocss/wrong.png);}
.tips h2 a{ display:block; width:42px; height:42px; float:right; background:url(/statics/chaocss/close.png) no-repeat; position:absolute; right:7px; top:7px;}
.tips p{ display:block; line-height:28px; color:#ff6600; font-size:18px; text-align:center; padding:28px 0;}
.tips a.btn{ display:block; width:160px; height:42px; line-height:42px; color:#fff; font-size:24px; text-align:center; background:#ff6600; margin:0 auto 12px; border-radius:6px;
	transition:all 0.4s;
	-moz-transition:all 0.4s; /* Firefox 4 */
	-webkit-transition:all 0.4s; /* Safari and Chrome */
	-o-transition:all 0.4s; /* Opera */
}
.tips a.btn:hover{ opacity:0.8; *background-color:#ff8433;}


/**/
.appMain .box5{ background:url(/statics/chaocss/casebg2.jpg) no-repeat center top; background-size:cover; min-height:300px; overflow:hidden;}
.appMain .box5 h3{ display:block; line-height:2em; color:#fff; font-size:34px; font-weight:normal; text-align:center; padding:1em 0 0;}
/*旋转轮播图*/
#focus_Box{ position:relative; width:1200px; margin:-12px auto 0;}
#focus_Box ul{ position:relative; width:1200px; height:768px;}
#focus_Box li{ z-index:0; position:absolute;  width:0px; height:0px; top:146px; cursor:pointer; left:377px;}
#focus_Box li img{ width:100%; height:100%; vertical-align:top;}
#focus_Box .prev,
#focus_Box .next{ display:block; z-index:100; overflow:hidden; cursor:pointer; position:absolute; width:52px; height:52px; top:131px;}
#focus_Box .prev{ left:0;}
#focus_Box .next{ right:0;}

/*------- 追加样式 -------*/
.clearfix{clear: both; zoom: 1;}
.clearfix:after{content: ''; display: block; clear: both;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

/*微信*/
.wechatMain{ width:auto;}
.wechatMain .box1{ background:#f6f6f6; overflow:hidden;}
.wechatMain h3{ display:block; line-height:2em; color:#333; font-size:34px; font-weight:normal; text-align:center; padding:1em 0 0;}
.wechatMain ul.srv{ display:block; width:1200px; padding:30px 0 60px; margin:0 auto;}
.wechatMain ul.srv li{ width:260px; float:left; height:366px; background:#fff; margin-right:26.66666px; position:relative; box-shadow:0 0 2px #eee; border-radius:5px; box-shadow:0 0 20px #ddd; transition:all 0.3s ease 0s;}
.wechatMain ul.srv li a{ display:block; width:100%; height:100%;}
.wechatMain ul.srv li h2{ text-align:center; font-size:22px; font-weight:normal; color:#4C4B4B; padding:13px 0 20px 0; background:url(down.png) no-repeat center bottom;}
.wechatMain ul.srv li p.solgan{ line-height:24px; color:#BBBBBB; font-size:14px; text-align:center; padding:0px 10px 0 10px; color:#ddd; text-transform: uppercase;}
.wechatMain ul.srv li .img{ height:40px; margin-top:40px;}
.wechatMain ul.srv li:hover{ background:#fff; border:none; position:relative; z-index:10;}
.wechatMain ul.srv li:hover{ background:#fff; border:none; position:relative; z-index:10;}
.wechatMain ul.srv li .ul{ overflow:hidden; padding-left:30px; line-height:32px; text-align:center; color:#999999; font-size:14px; margin-top:40px;}
.wechatMain ul.srv li .ul span{ display:block; width:100px; height:32px; background:#fff; float:left; margin:5px 5px 0 0;}
.wechatMain ul.srv li .zixunbtn{ width:118px; height:38px; font-size:16px; text-align:center; line-height:38px; text-align:center; color:#ff3d3d; border-radius:30px; margin:0 auto; margin-top:25px; border:1px solid #ff3d3d; display:block;}
.wechatMain ul.srv li .zixunbtn:hover{ background:#fff; color:#ff3d3d !important;}
.wechatMain ul.srv li.li4{ margin-right:0;}
.wechatMain ul.srv li.li4 .img{ background:url(/statics/chaocss/s1.png) no-repeat center;}
.wechatMain ul.srv li.li1 .img{ background:url(/statics/chaocss/s2.png) no-repeat center;}
.wechatMain ul.srv li.li2 .img{ background:url(/statics/chaocss/s3.png) no-repeat center;}
.wechatMain ul.srv li.li3 .img{ background:url(/statics/chaocss/s4.png) no-repeat center;}
.wechatMain ul.srv li:hover{ background:#ff3d3d; margin-top:-10px;}
.wechatMain ul.srv li:hover h2{ color:#fff;}
.wechatMain ul.srv li:hover span{ color:#ff3d3d;}
.wechatMain ul.srv li:hover .zixunbtn{ color:#fff; border-color:#fff;}
.wechatMain ul.srv li:hover h2{ background:url(/statics/chaocss/down2.png) no-repeat center bottom;}
.wechatMain ul.srv li.li4:hover .img{ background:url(/statics/chaocss/s1_h.png) no-repeat center;}
.wechatMain ul.srv li.li1:hover .img{ background:url(/statics/chaocss/s2_h.png) no-repeat center;}
.wechatMain ul.srv li.li2:hover .img{ background:url(/statics/chaocss/s3_h.png) no-repeat center;}
.wechatMain ul.srv li.li3:hover .img{ background:url(/statics/chaocss/s4_h.png) no-repeat center;}
.wechatMain .box2{ overflow:hidden;}
.wechatMain .m-sta{ height:532px; width:532px; border:1px solid #ff3d3d; border-color:#51c332; border-radius:50%; background:url(/statics/chaocss/bg.png) center center no-repeat; position:relative; margin:30px auto 60px;}
.wechatMain .m-sta:before{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; height:374px; width:374px; border:1px dashed #ff3d3d; border-color:#51c332; content:""; border-radius:50%; transition:all linear 60s;}
.wechatMain .m-sta:hover:before{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}
.wechatMain .m-sta span{ display:block; color:#ff3d3d; color:#51c332; font-size:18px;}
.wechatMain .m-sta b,
.wechatMain .m-sta i{ *display:inline; float:left;}
.wechatMain .m-sta em{ color:#ff3d3d;}
.wechatMain .m-sta li{ top:50%; left:50%; width:100%; overflow:hidden; position:absolute;}
.wechatMain .m-sta i{ height:87px; width:87px; line-height:87px; font-size:50px; text-align:center; background-color:#ff3d3d; background:url(/statics/chaocss/adi2.png) center no-repeat; border-radius:50%; color:#fff;}
.wechatMain .m-sta i img{ display:block; padding:13.5px;}
.wechatMain .m-sta b{ width:80px; margin:43px 20px; border-top:1px solid #ff3d3d; border-top-color:#51c332; height:0;}
.wechatMain .m-sta div{ float:left; white-space:nowrap; padding-top:15px; line-height:30px; font-size:16px;}
.wechatMain .m-sta div strong{ font-weight:normal; color:#666;}
.wechatMain .m-sta ._1,
.wechatMain .m-sta ._3,
.wechatMain .m-sta ._5,
.wechatMain .m-sta ._7{ right:50%; left:auto;}
.wechatMain .m-sta ._1 b,
.wechatMain .m-sta ._1 div,
.wechatMain .m-sta ._1 i,
.wechatMain .m-sta ._3 b,
.wechatMain .m-sta ._3 div,
.wechatMain .m-sta ._3 i,
.wechatMain .m-sta ._5 b,
.wechatMain .m-sta ._5 div,
.wechatMain .m-sta ._5 i,
.wechatMain .m-sta ._7 b,
.wechatMain .m-sta ._7 div,
.wechatMain .m-sta ._7 i{ float:right;}
.wechatMain .m-sta ._1,
.wechatMain .m-sta ._2,
.wechatMain .m-sta ._3,
.wechatMain .m-sta ._4{ top:auto; bottom:50%;}
.wechatMain .m-sta ._1,.wechatMain .m-sta ._2{ margin-bottom:150px;}
.wechatMain .m-sta ._3,.wechatMain .m-sta ._4{ margin-bottom:26px;}
.wechatMain .m-sta ._5,.wechatMain .m-sta ._6{ margin-top:26px;}
.wechatMain .m-sta ._7,.wechatMain .m-sta ._8{ margin-top:150px;}
.wechatMain .m-sta ._1,.wechatMain .m-sta ._7{ margin-right:143px;}
.wechatMain .m-sta ._3,.wechatMain .m-sta ._5{ margin-right:214px;}
.wechatMain .m-sta ._2,.wechatMain .m-sta ._8{ margin-left:143px;}
.wechatMain .m-sta ._4,.wechatMain .m-sta ._6{ margin-left:214px;}
.wechatMain .box3{ background:#f7f7f7; overflow:hidden;}
.wechatMain .box4{ overflow:hidden;}
.wechatMain ul.kflc{ width:1080px; margin:30px auto 60px;}
.wechatMain ul.kflc li{ width:139px; height:139px; float:left; transition:all 0.3s ease 0s;}
.wechatMain ul.kflc li a{ display:block; width:135px; height:135px; border:2px solid #CDCDCD; border-radius:50%; transform:translateY(0); transition:all .3s;}
.wechatMain ul.kflc li .num{ width:30px; height:30px; border:2px solid #CDCDCD; border-radius:50%; color:#CDCDCD; text-align:center; font-family:arial; line-height:30px; font-size:20px; margin:0 auto; margin-top:30px;}
.wechatMain ul.kflc li .txt{ font-size:18px; text-align:center; color:#333333; line-height:27px; padding:5px 0 0 0;}
.wechatMain ul.kflc li .mores{ text-align:center; line-height:20px; font-size:16px; color:#B2B2B2;}
.wechatMain ul.kflc li.jiantou{ border-radius:0; border:none; background:red; width:96px; background:url(/statics/chaocss/liucheng.png) no-repeat center;}
.wechatMain ul.kflc li.c:hover a{ transform:translateY(-10px); border-color:#ff3d3d;}
.wechatMain ul.kflc li.c:hover .num,
.wechatMain ul.kflc li.c:hover .txt,
.wechatMain ul.kflc li.c:hover .mores{ color:#ff3d3d; border-color:#ff3d3d;}